<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
	<title>登陆</title>
</head>
<body>

<div class="app">

    <form>

        user： <input type="text" id="user"><br>

        password： <input type="password" id="password">

        <button>提交</button>

    </form>
    
</div>

<script type="text/javascript">


/* 请求状态readyState

	1. 表示已经调用了send
	2. 表示浏览器已经接收到了响应
	3. 表示浏览器正在解析数据
	4. 解析的数据已经完毕
*/

/* get

	1. 如果出现中文需要进行参数的编码'http://php.com/006.php?' + encodeURI(param)
	2. 设置send参数为null
*/

var btn = document.getElementsByTagName('button')[0];

btn.onclick = function() {
    var user = document.getElementById('user').value;

    var password = document.getElementById('password').value;

    if (window.XMLHttpRequest) {
        var xhr = new XMLHttpRequest();
    } else {
        var xhr = new ActiveXObject('Micosoft');
    }

    var param = "user=" + user + "&password=" + password;

    xhr.open('GET', 'http://php.com/006.php?' + encodeURI(param), true);

    xhr.send(null);

    xhr.onreadystatechange = function() {
        if (xhr.readyState == 4) {
            if (xhr.status == 200) {
                alert(xhr.responseText);
            }
        }
    }

}



</script>
</body>
</html>